<script setup lang="ts">
import { ref, onMounted } from "vue";
import { useRoute } from "vue-router";

let route = useRoute();

const active = ref(0);
</script>

<template>
  <RouterView></RouterView>

  <van-tabbar
    v-show="!route.meta.hideTabBar"
    v-model="active"
    active-color="#ee0a24"
    route
  >
    <van-tabbar-item replace to="/home" icon="wap-home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/category" icon="apps-o">分类</van-tabbar-item>
    <van-tabbar-item replace to="/worthBuy" icon="bag-o" dot
      >值得买</van-tabbar-item
    >
    <van-tabbar-item replace to="/shopCart" icon="shopping-cart-o"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item replace to="/user" icon="friends-o" dot
      >个人</van-tabbar-item
    >
  </van-tabbar>
</template>



<style lang="less" scoped>
</style>
